<template>
  <div class="all">
    <home>
      <!-- <slot><router-link to="/Inform">企业后台</router-link></slot> -->
      </home>
    <div class="search-wrapper">
      <search class="sou"></search>
    </div>
    <div class="center-all">
      <!-- <sidebar class="cebian"></sidebar> -->
      <div class="text1">
        <span class="text-top">搜索排行:</span>
        <span class="text-top">项目经理</span>
        <span class="text-top">Java开发</span>
        <span class="text-top">Web前端</span>
        <span class="text-top">数据库开发</span>
        <div class="text-all">
          <div class="text-place">
            <span class="pn">公司地点:</span>
            <a href="">全国</a>
            <a href="">北京</a>
            <a href="">上海</a>
            <a href="">广州</a>
            <a href="">深圳</a>
            <a href="">杭州</a>
            <a href="">成都</a>
            <a href="">武汉</a>
            <a href="">苏州</a>
          </div>
          <div class="text-place">
            <span class="pn">公司规模:</span>
            <a href="">不限</a>
            <a href="">10人以下</a>
            <a href="">10-50人</a>
            <a href="">50-200人</a>
            <a href="">200-1000人</a>
            <a href="">1000以上</a>
          </div>
          <div class="text-place">
            <span class="pn">行业薪资:</span>
            <a href="">不限</a>
            <a href="">3000元</a>
            <a href="">5000元</a>
            <a href="">8000元</a>
            <a href="">10000元</a>
            <a href="">10000元以上</a>
          </div>
          <div class="text-place">
            <span class="pn">行业领域:</span>
            <a href="">不限</a>
            <a href="">移动互联网</a>
            <a href="">电子商务</a>
            <a href="">金融</a>
            <a href="">企业服务</a>
            <a href="">游戏</a>
            <a href="">硬件</a>
          </div>
        </div>
      </div>
    </div>
    <div class="middle">
      <b_central></b_central>
    </div>
    <foot></foot>
  </div>

</template>

<script>
import home from "@/components/index/home.vue";
import search from "@/components/index/search.vue";
import b_central from '@/components/index/b_central.vue';
// import Sidebar from "@/components/index/sidebar.vue";
// import Carousel from "@/components/index/bp_carousel.vue"
import foot from '@/components/index/b_foot.vue'
export default {
  name:"business",
  data () {
    return{

    }
  },
  components:{
    home,
    search,
    b_central,
    // Sidebar,
    // Carousel,
    foot,
  }


}
</script>


<style scoped>
li{
  list-style-type: none;
}
.all {
  width: 100%;
  height: 1500px;
  background: #F2F5F4;
}

.center-all{
  width: 1200px;
  height: 250px;
  margin: 10px auto 0px;
  display: flex;
  justify-content: center;
  border-bottom:2px solid #dedede ;
}
/* .cebian{
  margin: 0px 20px 0px 0px;
} */
/* .lunbo{
  margin: 10px auto 0px;
} */

.search-wrapper{
  background: #eceef2;
  padding: 10px 0 10px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center!important;
}
.text1{
  margin: 0px 10px;
  height: 40px;
}
.text-all{
  height: 160px!important;
  background-color: #eceef2;
}
.text-top{
  margin:0px 40px;
  font-size: 20px;
  font-weight: 700;
}
.text-place{
  margin: 20px 40px;
}
.pn{
  font-size: 16px;
}
a{
  font-size: 16px ;
  color: #3b4145;
  margin: 0 20px;
}
a:hover{
  background-color: #00b38a!important;
  color: #ffffff;
}
.middle{
  width: 1200px;
  margin: 0px auto;
  display: flex;
  justify-content: center;
}

</style>